#React #Node #Tutorial

React & Node Tutorial - Full ECommerce in 9 Hours [2021]

292,676 views
Premiered Oct 26, 2020
Coding with Basir
27.6K subscribers
Subscribe
Build ECommerce Website Like Amazon For All Levels Developers 👉 Heroku Demo : https://newamazona-final.herokuapp.com 👉 AWS Demo : https://amazona.webacademy.pro 👉 Github : https://github.com/basir/amazona 👉 Questions : https://webacademy.pro/amazona 👉 Contact: basir.jafarzadeh@gmail.com Need to learn React first? 👉 Watch React The Complete Guide: https://youtu.be/dJc_0bc5ETE Get Complete Course On Udemy with 90% Discount: https://www.udemy.com/course/build-ec... 00:00 Introduction 00:02:05 Part 01- What is this course 00:06:56 Part 02- Install Tools 00:12:29 Part 03- Design Website Template 00:29:19 Part 04- Display Products 00:42:24 Part 05- Create React App 01:01:17 Part 06- Share Code On Github 01:06:46 Part 07- Create Rating and Product Component 01:16:08 Part 08- Build Product Screen 01:40:15 Part 09- Create Node.Js Server 01:52:12 Part 10- Load Product From Backend 02:11:03 Part 11- Install ESLint 02:17:21 Part 12- Add Redux To Home Screen 02:41:19 Part 13- Add Redux To Product Screen 02:57:24 Part 14- Handle Add To Cart Button 03:11:25 Part 15- Implement Add To Cart 03:36:31 Part 16- Build Cart Screen 03:51:52 Part 17- Implement Remove From Cart 03:59:53 Part 18- Create Sample Users In MongoDB 04:23:42 Part 19- Create Sample Products In MongoDB 04:37:18 Part 20- Create Signin Backend 04:54:55 Part 21- Design Signin Screen 05:04:54 Part 22- Implement Signin Action 05:27:33 Part 23- Create Register Screen 05:44:44 Part 24- Create Shipping Screen 06:03:25 Part 25- Create Payment Screen 06:15:19 Part 26- Design Place Order Screen 06:32:25 Part 27- Create Place Order API 06:50:57 Part 28- Implement Place Order Action 07:08:25 Part 29- Create Order Screen 07:27:12 Part 30- Add PayPal button 07:41:19 Part 31- Implement Order Payment 07:59:25 Part 32- Display Order History 08:20:08 Part 33- Display User Profile 08:38:18 Part 34- Update User Profile 09:00:01 Part 35- Creat Admin View Part 36 and more on Udemy course with 90% Discount: https://www.udemy.com/course/build-ec... YOU WILL LEARN By React & Node Tutorial - Full ECommerce in 9 Hours [2021]: 1. HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox 2. React: Components, Props, Events, Hooks, Router, Axios 3. Redux: Store, Reducers, Actions 4. Node & Express: Web API, Body Parser, File Upload, JWT 5. MongoDB: Mongoose, Aggregation 6. Development: ESLint, Babel, Git, Github, 7. Deployment: Heroku 🔥Get Complete Course for $14.99 (reg price $99) - LIMITED TIME: https://www.udemy.com/course/build-ec... Amazona extra e-commerce features: https://gist.github.com/basir/1ec5008... #React #Node #Tutorial #MongoDB #ecommerce #Redux --- Follow me on: 👉 Website: https://codingwithbasir.com 👉 Twitter: https://twitter.com/basrijd 👉 Linkedin: https://www.linkedin.com/in/basir-j 👉 Github: https://github.com/basir
 Show less
Thank you so much for providing us with this great content and it's Free! I and many other people for sure appreciate this very much!
134
May Allah reward you for this. It is a great learning source for us
37
Thank you @Basir for this amazing course. Really appreciate it.
2
Hey Basir, thank you for the great video, what is the full course included that wasn’t covered in here ? It looks very complete here, yet the length of the full course is doubled.
1
Hide reply
multi-vendor, email order receipt and a lot more features.
I just finished the video, it's amazing, thanks Basir for this helpful content, I learned too much
2
Basir, what an amazing course!!! Packed with tons of skills. Thank you for all your hard work!!!
5
First of all, thank you so much for this. I'm checking reactjs out and it looks great your easy-going tutorial. I just wonder: Why are you not using controllers for this?
1
Thank you for this wonderful tutoria, sir ! It helps me so much.
Great tutorial! Love the design!❤️ But, I have an issue. I want to implement Size buttons for cloths, in such a way that countStock is given to each Size. So, when a costumer buys a t-shirt of size medium, the countStock of that t-shirt of size medium is decremented. Also, when the t-shirt of size medium is sold out, the option is disabled! I know it sounds a little too complicated! But, I'm really stuck! Would really appreciate some help! Thanks in advance!❤️
❤💕Thank you so much for providing us with this great content ❤💕
2
Dude i LOVE YOU SO MUCH. thank you thank you thank you so much for this!!!!!
12
Sir, such an amazing tutorial, truly appreciated for what you have done, God Bless.
Increíble! Aprendo mucho de tus videos, Basir. Ayúdame activando los subtítulos en español. Se algo de inglés! Saludos desde Ecuador.
Thank you Basir!!! This video solved my problem. I was stuck for hours. Thank you!!!👍👍👍😊
2
I wondering how react and node work together, now i aware of that clearly. Thanks you so much !
1
thank you very much for this content!! Will you upload part36+ too some day? :-) greetings from Germany!
3
Amazing stuff, thank you so much!
1
Thank you so much for providing us with this great course, and can you give us the rest of this course like admin functions ( productlist, userlist, orderlis ......) and more like the source code in Github ?
thank you so much for this bought the full class on udemy to get the last few hours so worth it love your teaching style
Amazing course! Thanks!